window.addEventListener("load", function () {
	// 提交按钮移入移出效果
	mousecolor(
		$("form input:last-child"),
		"#fff",
		"#696e76",
		"#00bdff",
		"#e0e0e0"
	);
	$("form #getCode button").addEventListener("click", function () {});

	// 需求一：验证6~12位的字母和数字
	const regex2 = /^[a-zA-Z0-9]{6,20}$/;
	console.log(regex2.test("abc12"));
	// 需求二：验证手机号
	const regex3 =
		/^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$/;
	console.log(regex3.test("18688888888"));
	// 需求三：6~12的密码
	const regex4 = /^\w{6,12}$/;
	console.log(regex4.test("1868888888，"));

	//表单验证
	$("form").addEventListener("submit", function (e) {
		// 账号验证
		if (regex2.test($("#userName").value)) {
			$("#userName").style.border = "1px solid rgb(118, 118, 118)";
		} else {
			$("#userName").style.border = "1px solid red";
			e.preventDefault();
		}
		// 手机号码验证
		if (regex3.test($("#phone").value)) {
			$("#phone").style.border = "1px solid rgb(118, 118, 118)";
		} else {
			$("#phone").style.border = "1px solid red";
			e.preventDefault();
		}
		// 手机短信验证码
		if ($(".verify").value.length === 0) {
			$(".verify").style.border = "1px solid red";
			e.preventDefault();
		} else {
			$(".verify").style.border = "1px solid rgb(118, 118, 118)";
		}
		// 密码验证
		if (regex4.test($("#passWord").value)) {
			$("#passWord").style.border = "1px solid rgb(118, 118, 118)";
		} else {
			$("#passWord").style.border = "1px solid red";
			e.preventDefault();
		}
		// 协议勾选
		if ($("#checkBox").checked === false) {
			e.preventDefault();
		}

		// e.preventDefault();
	});

	// 获取验证码
	$("#verify").addEventListener("click", function () {
		let num = 10;
		let timer = setInterval(function () {
			num--;
			console.log(num);
			$("#verify").disabled = true;
			$("#verify").textContent = num;
			$("#verify").style.zIndex = "9";
			if (num <= 0) {
				clearInterval(timer);
				$("#verify").disabled = false;
				$("#verify").textContent = "获取验证码";
			}
		}, 1000);
	});
});
